<template>
  <div id="app">
    <van-sticky>    <my-header></my-header></van-sticky>

    <router-view class="main"/>
    <my-footer></my-footer>
  </div>
</template>
<script>
import MoreContent from './components/MoreContent.vue'
import MyFooter from './components/MyFooter.vue'
import MyHeader from './components/MyHeader.vue'
export default {
  components: { MoreContent,MyHeader,MyFooter},
  mounted(){
    //在页面加载时读取sessionStorage里的状态信息
if (sessionStorage.getItem("store") ) {
 this.$store.replaceState(Object.assign({},this.$store.state,JSON.parse(sessionStorage.getItem("store"))))     
} 
//在页面刷新时将vuex里的信息保存到sessionStorage里
window.addEventListener("beforeunload",()=>{
  sessionStorage.setItem("store",JSON.stringify(this.$store.state))
})
  }
}
</script>
<style>
.main{
 margin-bottom:50px ;
}
</style>

